<template>
  <div class="about">
    {{txt.say}}
  </div>
</template>
<script>
import { ref } from 'vue';
import { useRoute } from 'vue-router';
export default { 
  setup(props) {
    const expList = [
      {
        say:'亮亮疾风吧',
        id: 1
      },
      {
        say:'我的大刀早已饥渴难耐！',
        id: 2
      },
       {
        say:'一点寒芒先到，随后枪出如龙',
        id: 3
      },
       {
        say:'蒙多，想去哪就去那',
        id: 4
      },
    ]
    // 1.quety 接收参数
    const { query } = useRoute();
    console.log(query);
    // find 找出数组中符合条件的对象，并且返回；
    
    // 2.params 来接收参数
    // const { params } = useRoute();
    // console.log(params);
    const txt = expList.find(item => item.id == query.id);
    // console.log(txt);
    // 3. 动态路由传入的参数 要使用 params 来接收。
    
    return{
      txt
    }
  }
}
</script>


